<template>
    <div>
        <div class="m-b-15">
            <div class="m-b-10">
                <i class="fa fa-search m-r-10 text-c-blue" aria-hidden="true"></i>查询无线传感网络
            </div>
            <el-select v-model="value" placeholder="请选择" size="medium">
                <el-option v-for="item in sensorList" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
            </el-select>
            <el-tag type="warning" class="m-r-15 m-l-30">所在经纬度</el-tag>
            <span>{{ sensorLnglat }}</span>
        </div>
        <div class="m-b-15">
            <el-tag class="m-r-15">无线传感网络位置</el-tag>
            <span>{{ sensorAddress }}</span>
        </div>
        <hr>
    </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
    name: 'SensorState',
    data() {
        return {
            sensorList: [
                {
                    value: "812",
                    label: "水域4516IAUW812",
                },
            ],
            value: "水域4516IAUW812",
        }
    },
    computed: {
        ...mapGetters("cruiseManage", ["sensorAddress", "sensorLnglat"]),
    },
}
</script>
<style scoped>
hr {
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}
</style>